<template>
	<view class="home-nav">
		<view class="home-nav-content">
			<view :style="{ height: `${statusBarHeight * 2}rpx` }"></view>
			<view class="home-nav-title"><image src="https://nabercat.oss-cn-hangzhou.aliyuncs.com/pet-hospital/home-title.png" mode=""></image></view>
		</view>
		<view :style="{ height: `${statusBarHeight * 2 + 90}rpx` }"></view>
	</view>
</template>

<script>
const app = getApp();
export default {
	data() {
		return {
			statusBarHeight: app.globalData.system_info.statusBarHeight
		};
	}
};
</script>

<style scoped lang="scss">
.home-nav {
	margin-bottom: 24rpx;
	.home-nav-content {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background: #FFFFFF;
		z-index: 999;
		.home-nav-title {
			padding: 14rpx 32rpx 20rpx;
			& > image {
				width: 230rpx;
				height: 56rpx;
			}
		}
	}
}
</style>
